﻿<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="Stylesheet" href="@Url.Content("~/Content/css/themes/default/jquery.mobile-1.1.0.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
    <script type="text/javascript">
//        $(document).bind("mobileinit", function () {
//            // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
//            // when navigating from a mobile to a non-mobile page, or when clicking "back"
//            // after a form post), hence disabling it.
//            $.mobile.ajaxEnabled = false;
//        });
    </script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.js")"></script>
</head>
<body>
    <div data-role="page">
        <div data-role="header" data-theme="b">
            @{
                if (@IsSectionDefined("Header"))
                {
                @RenderSection("Header")
                }
                else
                {
                <h2>@ViewBag.HeaderTitle</h2>
                @Html.Partial("Logon")
                }
            }
        </div>
        <!-- /header -->
        <div data-role="content">
            @RenderBody()
        </div>
        <!-- /content -->
    </div>
    <!-- /page -->
</body>
</html>
